What is a Display Item
A Display Item is the simplest form of Item you can add to a page in your store.

Typically a Display Item will be used to add a static element such as a header graphic, a section of editorial text or any other non-functional page element.

You cannot link a Display Item to anything else, nor can you add Pricing details to it.


Adding a Display Item

To add a Display Item to a page,
1. Ensure that the page you want to add the Item to is selected in the Tree View,
2. Click the green 'Add Display Item' button.

This will add a Display Item onto the page and will be displayed in the List View with its relevant icon.


Giving the Display Item a name
To name the Item selected in the List View, insert a name in the 'Name' field.

The name you insert here will also be displayed in the List View.


Hiding the Display Item name
The name of your Display Item, unless otherwise specified, will always appear as part of the Display Item on the page. Due to the nature of Display Items you may wish to hide the name so that it is not visible on the page.

To do this you will need to select or build a Display Item template that does not include the Item name.


Adding a 'Description' to a Display Item
The 'Description' field is probably the most important field for any Display Item.

It is here where all or any free-form HTML, text or other elements you may wish to use on your page are added. These elements are essentially what a Display Item is.


Formatting Display Item 'Description'
To format text added to the 'Description' field or to add any further elements such as extra images, HTML tables, Flash animations etc. you will need to double-click the field, or click the '<…>' button to launch the EROL HTML Editor.

The HTML Editor will allow you to modify, or add to, your Display Item details.


Adding an image to a Display Item
Display Items, apart from just being text, can also be just an image (or images) or text and image(s).

There are two ways to add an image to a Display Item:
1) Using the Image insertion area
2) Using the image insertion functions in the EROL HTML Editor

You can also use a combination of both.


Adding an image to a Display Item using the image insertion area
You can insert a single image using the main image insertion area on the Item Details tab. Using this area to insert your image gives you the advantage of a quick to access preview as well as the ability to change or modify the image quickly.

To insert an image using this method:
1. Click 'Browse' and search for the image from the EROL images folder. If your image is outside of the EROL images folder, you can locate it and EROL will save it to the images folder.
2. Once selected the image will be added into the image preview field.

Adding an image to a Display Item using the EROL HTML Editor
You can insert an image (or multiple images) using the EROL HTML Editor.

Using the HTML Editor image insertion tool gives the advantage of inserting more than one image for a single Display Item.

The disadvantage of this method is that you do not have quick viewing access to the image(s) you have added, as you would with the preview available in the main image insertion area.

To insert an image using this method:
1. Click 'Browse' and search for the image from the EROL images folder. If your image is outside of the EROL images folder, you can locate it and EROL will save it to the images folder.
2. Once selected the image will be added into the image preview field.

Selecting a Display Item template
When you add a Display Item to a page, it will be inserted using one of default Display Item templates available on the Item Template tab.

To assign a different layout template to the Item, select a new template from the template dropdown menu. The template dropdown menu is populated with the default Display Item templates, as well as any templates you may have already created.

You can create a new - or modify an existing - template by clicking on the 'Edit' button. This launches the EROL Template Editor.

Setting a default Display Item template
You can set a default Display Item template that will be applied - by default - to all new Display Items you add to your store.

To do this,
1. Select Tools > Options… from the main EROL toolbar
2. Click the 'Templates' button
3. From the 'Display Item Template' dropdown, select your default Display Item template.
4. Click 'Save and Close'

This template can be overwritten on an Item-by-Item basis.


Previewing your Display Item
Once you have inserted all the details and elements that make up the Display Item, you can preview what it is going to look like in the template preview on the Item Template tab.

The template preview on the Item Template tab provides two views for your Item:
1) A template display
2) An actual display

The template display provides a theoretical display of the Item based on the elements included in the template.

The actual display provides an accurate display of what the item will look like in the page based on the details and image(s) you have inserted for that item.